
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>

<head>
  <title>Baticueva Virtual</title>
  <meta name="description" content="website description" />
  <meta name="keywords" content="website keywords, website keywords" />
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <!-- modernizr habilita contenido HTML5 -->
  <script type="text/javascript" src="js/modernizr-1.5.min.js"></script>

</head>

<body>
  <div id="main">
    <header>
      <div id="logo">
        <div id="logo_text">
          <!-- class="logo_six", PERMITE MODIFICAR Y CAMBIAR EL TIPO DE EL TITULO PRINCIPAL -->
          <h1><a href="index.html">Bienvenidos a la Baticueva Virtual<span class="logo_six"></span></a></h1>
          <h2>busca y descarga tus practicas y examenes</h2>
        </div>
      </div>
      <nav>
        <div id="menu_container">
          <ul class="sf-menu" id="nav">
            <li><a href="index.html">Inicio</a></li>
            <li><a href="examples.html">Quienes Somos</a></li>
            <li><a href="contact.php">Contactanos</a></li>
          </ul>
        </div>
      </nav>
    </header>
    <div id="site_content">

      <!-- ingreso del sidebar de usuario simple   -->
      <div id="sidebar_container_usuario">
          <div class="sidebar1">

            <table style="width: 240px;" border="0">
              <tbody>
              <tr>
              <td><h2>Juanco</h2></td>
              <td><h1>(Juan Perez Sanchez)</h1></td>
              </tr>
              <tr>
              <td colspan="2"><h3>jperez@pucp.pe</h3></td>
              </tr>
              </tbody>
          </table>

          <table style="width: 240px;" border="0">
              <tbody>
              <tr>
              <td><h7>configuracion de cuenta</h7></td>
              <td><button>Cerrar Sesion</button></td>
              </tr>
              </tbody>
          </table>
      </div>

 <!-- ingreso del sidebar de mira tus archivos subidos   -->

          <div class="sidebar1">

		<table style="width: 240px; height: 60px;" border="0">
		<tbody>
		<tr>
		<td><a href="#" target="_blank"><img src="images/oficina_pdf.png" alt="Mira tus archivos" height="60" width="60"></a></td>
		<td><a href="#" target="_blank"><h9>Mira tus archivos subidos</h9></a></td>
		</tr>
		</tbody>
		</table>
	  </div>

<!-- ingreso del sidebar de sube mas   -->
      <div class="sidebar1">
      <table border="0">
          <tbody>
          <tr>
          <td><h8>Sube tu examen o practica</h8></td>
          </tr>
          <tr>
          <td><h3>Unico formato aceptado PDF</h3></td>
          </tr>
          </tbody>
      </table>
      <input type="text" name="explorar-pdf"><button type="submit" name="explorar">Examinar</button>
      <table border="0">
	<tbody>
	<tr>
	<td style="height: 40px;"><h3>Seleccionar Ciclo</h3><select name="ciclo">
	  <option>5</option>
  <option>6</option>
  <option>7</option>
  <option>8</option>
  <option>9</option>
  <option>10</option>
</select> </td>
</tr>
<tr>
<td style="height: 40px;"><h3>Curso</h3><select name="curso">
  <option>Com2</option>
  <option>Soft2</option>
  <option>Tecnicas IP</option>
  <option>Redes</option>
  <option>Campos</option>
  <option>Opticas</option>
</select></td>
</tr>
<tr>
<td style="height: 40px;" ><h3>Seleccionar la nota</h3><select name="nota">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
  <option>7</option>
  <option>8</option>
  <option>9</option>
  <option>10</option>
  <option>11</option>
  <option>12</option>
  <option>13</option>
  <option>14</option>
  <option>15</option>
  <option>16</option>
  <option>17</option>
  <option>18</option>
  <option>19</option>
  <option>20</option>
</select></td>
</tr>
</tbody>
</table>
      
<table weight="240px" border="0">
<tbody>
<tr>
<td><h3>Selecciones tipo de evaluacion</h3></td>
</tr>
<tr>
<td><FORM ACTION="">
<INPUT TYPE=RADIO NAME="evaluacion" VALUE="ex">Examen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE=RADIO NAME="evaluacion" VALUE="pc">Practica
</FORM></td>
</tr>
<tr>
<td><h3>Numero de examen o practica</h3></td>
</tr>
<tr>
<td><FORM ACTION="">
<INPUT TYPE=RADIO NAME="secuencia" VALUE="1">1 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE=RADIO NAME="secuencia" VALUE="2">2 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE=RADIO NAME="secuencia" VALUE="3">3 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE=RADIO NAME="secuencia" VALUE="4">4 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</FORM></td>
</tr>
<tr>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="submit" name="subir">Sube tu archivo</button></td>
</tr>
</tbody>
</table>
      </div>
    </div>
      

      <!-- ingreso de la tabla para la pagina principal -->
      <div id="content1">
        <div class="content1">
      <h2>Busqueda y descarga de practicas y examenes</h2>
      <h1>No necesitas iniciar sesion . . .</h1>
   <table style="width: 600px;" border="0">
    <tbody>
        <tr>
        <td style="width: 120px;"><input type="text" name="tag" placeholder="Que curso estas buscando"></td>
        <td style="width: 120px;"><button type="submit" name="buscar">Buscar</button></td>
        <td style="width: 20px;">&nbsp;</td>
        <td style="width: 200px;"><button type="submit" name="busquedaavanzada">Busqueda Avanzada</button></td>
          </tr>
        </tbody>
      </table>
      </div>
      </div>  

 <!-- CAJA PARA LA BUSQUEDA AVANZADA  -->
<div id="content5-conteiner">
        <div class="content5">

<table style="width: 590px;" border="0">
<tbody>
<tr>
<td><h3>Seleccionar Ciclo</h3><select name="ciclo">
  <option>5</option>
  <option>6</option>
  <option>7</option>
  <option>8</option>
  <option>9</option>
  <option>10</option>
</select> </td>
<td><h3>Curso</h3><select name="curso">
  <option>Com2</option>
  <option>Soft2</option>
  <option>Tecnicas IP</option>
  <option>Redes</option>
  <option>Campos</option>
  <option>Opticas</option>
</select></td>
<td style="height: 40px;"><h3>Nota</h3><select name="nota">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
  <option>7</option>
  <option>8</option>
  <option>9</option>
  <option>10</option>
  <option>11</option>
  <option>12</option>
  <option>13</option>
  <option>14</option>
  <option>15</option>
  <option>16</option>
  <option>17</option>
  <option>18</option>
  <option>19</option>
  <option>20</option>
</select></td>
</tr>
<tr>
<td><h3>Seleccionar tipo de evaluacion</h3><FORM ACTION="">
<INPUT TYPE=RADIO NAME="evaluacion" VALUE="ex">Examen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE=RADIO NAME="evaluacion" VALUE="pc">Practica
</FORM></td>
<td><h3>Numero de examen o practica</h3><FORM ACTION="">
<INPUT TYPE=RADIO NAME="secuencia" VALUE="1">1 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE=RADIO NAME="secuencia" VALUE="2">2 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE=RADIO NAME="secuencia" VALUE="3">3 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE=RADIO NAME="secuencia" VALUE="4">4 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</FORM></td>
<td><button type="submit" name="busca">Buscar</button></td>
</tr>
</tbody>
</table>
      
      </div>
      </div>
 <!-- FIN CAJA PARA LA BUSQUEDA AVANZADA  -->

<!-- CUERPO DE BUSQUEDA SIMPLE conteiner3-->
      <div id="content3-conteiner">
        <div class="content3">
      <h2>Resultado de busquedas</h2>
            <!-- Agregar los resultados de la busqueda -->
      <h3>5 Documentos</h3>
      <!-- caja de cada resultado -->
      <table style="height: 80px; ; width: 550px;" border="0">
<tbody>
<tr>
<td style="width: 200px;"><h4>Campos2 / E1 / Nota : 12</h4></td>
<td style="width: 200px;" align="right"><h7>Ver descripcion</h7></td>
</tr>
<tr>
<td><h8>Subido por: Valor el 07/07/2012</h8></td>
<td><h8>23 Descargas / 13 Votos/ 10 Comentarios</h8></td>
</tr>
</tbody>
</table> 
      <!-- fin de caja de cada resultado --> 
      <!-- caja de cada resultado -->
      <table style="height: 80px; ; width: 550px;" border="0">
<tbody>
<tr>
<td style="width: 200px;"><h4>Campos2 / E1 / Nota : 12</h4></td>
<td style="width: 200px;" align="right"><h7>Ver descripcion</h7></td>
</tr>
<tr>
<td><h8>Subido por: Valor el 07/07/2012</h8></td>
<td><h8>23 Descargas / 13 Votos/ 10 Comentarios</h8></td>
</tr>
</tbody>
</table> 
      <!-- fin de caja de cada resultado --> 
<!-- caja de cada resultado -->
      <table style="height: 80px; ; width: 550px;" border="0">
<tbody>
<tr>
<td style="width: 200px;"><h4>Campos2 / E1 / Nota : 12</h4></td>
<td style="width: 200px;" align="right"><h7>Ver descripcion</h7></td>
</tr>
<tr>
<td><h8>Subido por: Valor el 07/07/2012</h8></td>
<td><h8>23 Descargas / 13 Votos/ 10 Comentarios</h8></td>
</tr>
</tbody>
</table> 
      <!-- fin de caja de cada resultado --> 
      <!-- caja de cada resultado -->
      <table style="height: 80px; ; width: 550px;" border="0">
<tbody>
<tr>
<td style="width: 200px;"><h4>Campos2 / E1 / Nota : 12</h4></td>
<td style="width: 200px;" align="right"><h7>Ver descripcion</h7></td>
</tr>
<tr>
<td><h8>Subido por: Valor el 07/07/2012</h8></td>
<td><h8>23 Descargas / 13 Votos/ 10 Comentarios</h8></td>
</tr>
</tbody>
</table> 
      <!-- fin de caja de cada resultado --> 
      <!-- caja de cada resultado -->
      <table style="height: 80px; ; width: 550px;" border="0">
<tbody>
<tr>
<td style="width: 200px;"><h4>Campos2 / E1 / Nota : 12</h4></td>
<td style="width: 200px;" align="right"><h7>Ver descripcion</h7></td>
</tr>
<tr>
<td><h8>Subido por: Valor el 07/07/2012</h8></td>
<td><h8>23 Descargas / 13 Votos/ 10 Comentarios</h8></td>
</tr>
</tbody>
</table> 
      <!-- fin de caja de cada resultado --> 
      <!-- caja de cada resultado -->
      <table style="height: 80px; ; width: 550px;" border="0">
<tbody>
<tr>
<td style="width: 200px;"><h4>Campos2 / E1 / Nota : 12</h4></td>
<td style="width: 200px;" align="right"><h7>Ver descripcion</h7></td>
</tr>
<tr>
<td><h8>Subido por: Valor el 07/07/2012</h8></td>
<td><h8>23 Descargas / 13 Votos/ 10 Comentarios</h8></td>
</tr>
</tbody>
</table> 
      <!-- fin de caja de cada resultado --> 
      </div>
      </div> 

    </div>
    <footer>
      <p>Copyright &copy; Telecom | <a href="http://www.pucp.edu.pe">grupo de telecomunicaciones OpenSource</a></p>
    </footer>
  </div>
  <p>&nbsp;</p>
  <!-- javascript at the bottom for fast page loading -->
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/jquery.easing-sooper.js"></script>
  <script type="text/javascript" src="js/jquery.sooperfish.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('ul.sf-menu').sooperfish();
    });
  </script>
</body>
</html>